<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<title></title>
		<link href="libs/weui/weuix.min.css" rel="stylesheet" />
		<link href="libs/swipe/swiper.min.css" rel="stylesheet" />
		<link href="css/common.css" rel="stylesheet"/>
		<link href="css/home.css" rel="stylesheet" />
	</head>
	<body class="page-bg">

		<div class="weui_tab tab-bottom">
			<div class="weui_tab_bd">
				<div id="slider">
					<div class="m-wraper">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="temp/imgs/a001.jpg" alt=""/></div>
								<div class="swiper-slide"><img src="temp/imgs/a002.jpg" alt=""/></div>
							</div>
							<div class="swiper-pagination"></div>
						</div>
					</div>
				</div>
				<div class="nav-7">
					<div class="weui-flex">
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-booking"></i>
								<span>订票</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-gas"></i>
								<span>煤气</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-water"></i>
								<span>水费</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-heating"></i>
								<span>供暖</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-ticket"></i>
								<span>罚单</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="#">
								<i class="icon icon-elect"></i>
								<span>电费</span>
							</a>
						</div>
						<div class="weui-flex-item">
							<a href="service.html">
								<i class="icon icon-right-arr"></i>
							</a>
						</div>
					</div>
				</div>
				<div class="sortbox">
					<div class="weui_grids grids-small">
						<a href="javascript:;" class="grid">
							<p class="weui_grid_label">
								全类别<i class="icon icon-74"></i>
							</p>
						</a>
						<a href="javascript:;" class="grid">
							<p class="weui_grid_label">
								来源<i class="icon icon-74"></i>
							</p>
						</a>
						<a href="javascript:;" class="grid">
							<p class="weui_grid_label">
								最新<i class="icon"></i>
							</p>
						</a>
						<a href="javascript:;" class="grid">
							<p class="weui_grid_label">
								价格<i class="icon icon-sort"></i>
							</p>
						</a>
					</div>
				</div>
				<div class="shop-list">
					<div class="shop-item">
						<div class="shop-head"><div class="title">农牧商品-商家</div><span class="fr">￥58</span> </div>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a02.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a03.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a03.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a05.jpg" /></a>
								</div>
							</div>
						</div>
						<div class="des-info">
							内蒙古正宗手撕 零食特产清真小吃 蒙都风干牛肉干香辣五香。
						</div>
						<div class="fav-message">
							<a href="#">收藏<em>33</em></a><a href="#">留言<em>55</em></a>
						</div>
					</div>
					<div class="shop-item">
						<div class="shop-head"><div class="title">农牧商品-商家</div><span class="fr">￥58</span> </div>
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a06.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a07.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a08.jpg" /></a>
								</div>
								<div class="swiper-slide">
									<a href="#"><img src="temp/imgs/a05.jpg" /></a>
								</div>
							</div>
						</div>
						<div class="des-info">
							内蒙古正宗手撕 零食特产清真小吃 蒙都风干牛肉干香辣五香。
						</div>
						<div class="fav-message">
							<a href="#">收藏<em>33</em></a><a href="#">留言<em>55</em></a>
						</div>
					</div>
				</div>
			</div>
			<div class="weui_tabbar">
				<a href="javascript:;" class="weui_tabbar_item weui_bar_item_on">
					<div class="weui_tabbar_icon">
						<img src="imgs/home-icon.png" alt="首页">
						<img src="imgs/home-icon-over.png" alt="首页">
					</div>
					<p class="weui_tabbar_label">首页</p>
				</a>
				<a href="javascript:;" class="weui_tabbar_item">
					<div class="weui_tabbar_icon">
						<img src="imgs/trade-icon.png" alt="买卖">
						<img src="imgs/trade-icon-over.png" alt="买卖">
					</div>
					<p class="weui_tabbar_label">买卖</p>
				</a>
				<a href="javascript:;" class="weui_tabbar_item">
					<div class="weui_tabbar_icon">
						<img src="imgs/news-icon.png" alt="资讯">
						<img src="imgs/news-icon-over.png" alt="资讯">
					</div>
					<p class="weui_tabbar_label">资讯</p>
				</a>
				<a href="javascript:;" class="weui_tabbar_item">
					<div class="weui_tabbar_icon">
						<img src="imgs/service-icon.png" alt="服务">
						<img src="imgs/service-icon-over.png" alt="服务">
					</div>
					<p class="weui_tabbar_label">服务</p>
				</a>
				<a href="javascript:;" class="weui_tabbar_item">
					<div class="weui_tabbar_icon">
						<img src="imgs/my-icon.png" alt="我的">
						<img src="imgs/my-icon-over.png" alt="我的">
					</div>
					<p class="weui_tabbar_label">我的</p>
				</a>
			</div>
		</div>

	</body>

	<script type="text/javascript" src="libs/zepto/zepto.min.js"></script>
	<script type="text/javascript" src="libs/swipe/swiper.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="components/home.js" ></script>
</html>